<template>
  <div class="overview-content">
    <el-row :gutter="32">
      <el-col :xs="24" :sm="24" :lg="24" style="margin-bottom:20px;">
        <div class="chart-wrapper">
           <el-table
              ref="mytable"
              :data="tableData"
              style="width: 100%"
            
              class="card-table"
              :border="false"
              stripe
              :default-sort="{prop: 'five'}"
            >
            <template  >
                <slot></slot>
            </template>
         </el-table>
        </div>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  components: { },
  props: {
    tableData: {
      type: Array
    }
  },
  data() {
    return {
      props: {
        tableConfig: {
          type: Object,
          required: true,
          default: () => {}
        },
        tableData: {
          type: Array,
          required: true,
          default: () => []
        }
      }
    }
  },
  methods: {
    handleClick() {

    },
    handleSizeChange(val) {
      console.log(`每页 ${val} 条`)
    },
    handleCurrentChange(val) {
      console.log(`当前页: ${val}`)
    }
  }
}
</script>

<style lang="scss" scoped>
::v-deep .el-table th.is-leaf, ::v-deep .el-table td,::v-deep .el-table__body{border: 0;}
::v-deep .el-table::before ,::v-deep .el-table__fixed-right::before{display: none;}
::v-deep  th{background: #cacaca;font-weight: bold;color: #575757;}
::v-deep   .el-table--striped .el-table__body tr.el-table__row--striped td{background: #f7f7f7;}
</style>
